<style type="text/css">
.clear { height: 100% }
.clear:after { content: ''; display: block; clear: both }

#mymenu, #mymenu ul { list-style: none; margin: 0; padding: 0 }

#mymenu li { background: #bdd2ff; border-right: 1px solid #fff; position: relative; float: left; white-space: nowrap }
#mymenu li a { display: block; padding: 5px 20px; text-decoration: none; color: #13a }

#mymenu ul { background: #fff; display: none; position: absolute }
#mymenu ul li { background: #aabde6; border-top: 1px solid #bdd2ff; border-right: 0px solid transparent; float: none }

#mymenu ul ul { top: -1px; left: 100% }

#mymenu li.has_child { background-image: url('modules/menu/down.gif'); background-position: right center; background-repeat: no-repeat; padding-right: 10px }
#mymenu li.hover  { background-color: #cfdeff }

#mymenu ul { -webkit-box-shadow: 3px 3px 4px #999; -moz-box-shadow: 3px 3px 4px #999; box-shadow: 3px 3px 4px #999 }
</style>

<script type="text/javascript">
$(document).ready(function() {
	$('#mymenu').menu();
});

var ie = $.browser.msie && $.browser.version < 8.0;
 
$.fn.menu = function() {
	$(this).find('li').each(function() {
		if ($(this).find('> ul').size() > 0) {
			$(this).addClass('has_child');
		}
	});

	var closeTimer = null;
	var menuItem = null;
	
	function cancelTimer() {
		if (closeTimer) {
			window.clearTimeout(closeTimer);
			closeTimer = null;
		}
	}
	
	function close() {
		$(menuItem).find('> ul ul').hide();
		ie ? $(menuItem).find('> ul').fadeOut() : $(menuItem).find('> ul').slideUp(250);
		menuItem = null;
	}
	
	$(this).find('li').hover(function() {
		cancelTimer();
		
		var parent = false;
		$(this).parents('li').each(function() { 
			if (this == menuItem) parent = true;
		});
		if (menuItem != this && !parent) close();
		
		$(this).addClass('hover');
		ie ? $(this).find('> ul').fadeIn() : $(this).find('> ul').slideDown(250);
	}, function() {
		$(this).removeClass('hover');
		menuItem = this;
		cancelTimer();
		closeTimer = window.setTimeout(close, 500);
	});
	
	if (ie) {
		$(this).find('ul a').css('display', 'inline-block');
		$(this).find('ul ul').css('top', '0');
	}
}
</script>
<?php echo $menu; ?>